<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.书写一个form表单，在form表单中书写table表格，10行3列 -->
    <form action="#" method="get">
        
        <table cellpadding="0px" cellspacing="0px">
            <!-- 第1行 
                标题   会员注册  一行,跨3列 ,设置字体颜色为蓝色
            -->
           <tr>
                <td colspan="3" ><font color="blue">会员注册</font></td>
           </tr>
            <!-- 第2行 -->
            <tr>
                <td>用户名</td>
                <td colspan="2"><input type="text" name="username" placeholder="张三四" ></td>
               </tr>
            <!-- 第3行 -->
            <tr>
                <td>密码</td>
                <td colspan="2"><input type="password" name="password" placeholder="1234" size="30px"></td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td>确认密码</td>
                <td colspan="2"><input type="password" name="repassword" placeholder="1234" size="30px"></td>
               </tr>
            <!-- 第5行 -->
            <tr>
                <td>Email</td>
                <td colspan="2"><input type="text" name="email" placeholder="1234@qq.com"size="30px"></td>
               </tr>
            <!-- 第6行 -->
            <tr>
                <td>姓名</td>
                <td colspan="2"><input type="text" name="name" placeholder="张三"size="30px"></td>
               </tr>
            <!-- 第7行 -->
            <tr>
                <td>性别</td>
                <td colspan="2">
                    <input type="radio" name="sex" id="male" ><label for="male">男</label>
                    <input type="radio" name="sex" id="female" checked><label for="fmale">女</label>
                </td>
               </tr>
            <!-- 第8行 -->
            <tr>
                <td>出生日期</td>
                <td colspan="2"><input type="date" name="birthday" size="30px"></td>
               </tr>
            <!-- 第9行 -->
            <tr>
                <td>验证码</td>
                <td><input type="text" name="checkcode" size="15px"></td>
                <td><img src="../img/checkcode.png" width="15px"></td>
            </tr>
            <!-- 第10行 -->
            <tr>
                <td>注册</td>
                <td><input type="submit" value="注册"></td>
            </tr>
        </table>
    </form>
</body>
</html>